@import "common.styl"

.wrap
  padding px2rem(15px)

.content-wrap
  border-radius px2rem(10px)
  padding-bottom px2rem(30px)
  overflow hidden
  box-shadow 0 0 px2rem(10px) 0 rgba(170,170,170,0.6)
  .card
    background url('https://img.zhxcxmall.com/static/card/pop-card-bg1.png') no-repeat 0 0
    background-size cover
    padding px2rem(20px)
    border-radius 0
    .company
      color #fff
      font-size px2rem(8px)
    .logo
      width px2rem(10px)
      height px2rem(10px)
      overflow hidden
      margin-right px2rem(10px)
      background-color #fff
      img
        width 100%
        height 100%
        object-fit contain
        display block
    .head-pic
      width px2rem(55px)
      height px2rem(55px)
      border-radius 100%
      background-color #fff
      overflow hidden
      text-align center
      margin-right px2rem(5px)
      img
        width 100%
        height 100%
    .basic-info
      .name
        font-size px2rem(16px)
        color #f1e393
      .job
        font-size px2rem(8px)
        color #f1e393
    .other-info
      .info-item
        margin-top px2rem(6px)
        .ra
          color #5a5650
          font-size px2rem(10px)
          margin-right px2rem(5px)
        &>span
          font-size px2rem(10px)
          color #8d8676


.qr-box
  width px2rem(213px)
  height px2rem(213px)
  margin px2rem(30px) auto 0
  background url("https://pimg.ec51.com/card/qr-bg.png") no-repeat center center
  background-size contain
  .qr
    width px2rem(158px)
    height px2rem(158px)
    border-radius 100%
    margin 0 auto
    overflow hidden
    box-shadow 0 0 px2rem(10px) 0 rgba(170,170,170,0.6)
    img
      max-width 100%
      vertical-align middle
.qr-tips
  text-align center
  padding-top px2rem(10px)
  font-size px2rem(10px)
  color $garyColor